<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML>
<html>
<head>
    <title>KK录像机 - 注册帐号</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" charset="utf-8" content="text/html" />
    <meta name="Description" content="KK录像机 - 注册帐号" />
	<meta name="Keywords" content="KK录像机 - 注册帐号" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/global.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/user.css" />
    <link rel="icon" id="favicon" href="${pageContext.request.contextPath}/img/favicon.ico" type="image/x-icon" />
    <script src="${pageContext.request.contextPath}/js/tongji.js"></script>
    <script type="text/javascript">
        function image_rand(){
            document.getElementById('code_img').src='image_yzm.php?t=' + Math.random();
        }
        function clickRegister(){
            document.getElementById("form_register").submit();
        }
    </script>
</head>

<body>
<div class="topBan">
    <div class="content">
        <div class="topLogo">
            <a href="#"><img src="${pageContext.request.contextPath}/img/logo.png" width="199" height="54" alt="KK录像机"/></a>
        </div>
        <div class="clear"></div>
        <div class="breadcrumbNav">
            <a href="#">首页</a> &#62 <a href="#">KK会员</a> &#62 <a href="#">注册账号</a>
        </div>
        <div class="bor">
        
            <div id="reg_success" class="regSuccess">
                <div align="center"><img src="${pageContext.request.contextPath}/img/pay_ok.png" /></div>
                <h1>注册成功</h1>
                <p>如需使用VIP特权功能 <a href="#" target="_parent">点此开通会员</a></p>
            </div>
                
            <div id="reg_ui" class="regTop">
                <div class="regTitle">
                    <h1>欢迎注册KK录像机</h1>
                </div>
                <form id="form_register" name="form_register" method="post" action="reg">
                <!-- 显示错误的地方 -->              

                <div class="item">
                    <input type="text" id="user_name" name="name" maxlength="20" placeholder="设置账号，4-20个字母、数字组合" value="${name}"/>                   
                    <div id="user_format_wrong" class="regTip"><s:if test="hasFieldErrors()"><s:fielderror fieldName="userName"></s:fielderror></s:if> </div>
                    <div id="user_name_len_wrong" class="regTip" style="display: none;">帐号长度错误：4-20个字符</div>
                    <div id="user_name_wrong" class="regTip" style="display: none;">该帐号已注册，如忘记密码&nbsp;&nbsp;<span><a href="http://www.kklxj.com/findpw/findpw.php" target="_blank">点此处找回</a></span></div>
                </div>
                <div class="item">
                    <input type="password" id="user_pw" name="pwd1" maxlength="20" placeholder="设置密码，6-20个字母、数字组合" />
                    <div id="user_pw_len_wrong" class="regTip" style="display: none;">密码长度错误：6-20个字符</div>
                </div>
                <div class="item">
                    <input type="password" id="user_pw_chk" name="pwd2" maxlength="20" placeholder="请再次输入密码" />
                    <div id="user_pw_chk_wrong" class="regTip" style="display: none;">两次输入的密码不一致，请重新输入</div>
                </div>
                <div class="item">
                    <input type="text" id="email" name="email" maxlength="40" placeholder="设置邮箱，用于找回账号、密码" />
                    <div id="email_wrong" class="regTip" style="display: none;">邮箱地址或格式错误</div>
                </div>
                <!--<div class="item">
                    <input type="text" id="yzma" name="yzma" maxlength="4" style="width:100px;" placeholder="验证码" />
                    <div style="float:left;"><a href="javascript:void(0)" onclick="image_rand();"><img id="code_img" src="image_yzm.php" width="150" height="40" alt="验证码"/></a></div>
                    <div class="yzmaUpdate"><a href="javascript:void(0)" onclick="image_rand();">换一张</a></div>
                    <div id="yzma_wrong" class="regTip" style="display: none;">验证码错误</div>
                </div>-->
                <div class="item">
                <a href="javascript:void(0)" class="btn_reg" onclick="clickRegister()">立即注册</a>
                </div>
                </form>
                
            </div>
        </div>
        
        <div class="regTailer">
            <a href="#">联系我们</a><br />
            Copyright &copy; 2011-2019 杭州凯凯科技有限公司<br />
        </div>
    </div>
</div>

<div>
    <iframe name="register" width="0" height="0"></iframe>
</div>

<script type="text/javascript">
</script>

</body>
</html>